<!doctype html>
<html lang="fr">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ace</title>
<link rel="stylesheet" type="text/css" href="../css/form.css">
<style>
*{ /* ACE uncompatible font-family:tahoma,Geneva,sans-serif; */-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased}
html,body{ height:100%;}
#ace{ position:fixed; margin-left:5px; right:5px; top:50px; height:200px; left:10%; z-index:9 }
</style>
<script type="text/javascript" src="../js/jquery.js"></script>
<script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
<script>
$(document).ready(function(e) {
    window._sql_editor = ace.edit("ace");
	window._sql_editor.getSession().setMode("ace/mode/sql");
});
</script>
</head>
<body>
<div id="ace">SELECT * FROM `SqlEditor` ddccc</div>
</body>
</html>
